<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>综合案例</title>

    <style>
        .one {
            text-align: center;
        }
    </style>
</head>

<body>
    <h3>青春不常在，抓紧谈恋爱</h3>
    <form action="#">
        <table>
            <thead>
                <tr>
                    <th>青春不常在，抓紧谈恋爱</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>性别</td>
                    <td>
                        <input type="radio" id="nan" name="sex" checked value="男">
                        <img src="#" alt="">
                        <label for="nan">男</label>
                        <input type="radio" id="nv" name="sex" value="女">
                        <img src="#" alt="">
                        <label for="nv">女</label>
                    </td>
                </tr>
                <tr>
                    <td>生日</td>
                    <td>
                        <select>
                    <option value="0" name="nian">--请选择年--</option>
                    <option value="1">1988</option>
                    <option value="2">1987</option>
                    <option value="3">1986</option>
                </select>
                        <select>
                    <option value="0" selected>--请选择月--</option>
                    <option value="1">12</option>
                    <option value="2">11</option>
                    <option value="3">10</option>
                </select>
                        <select>
                    <option value="0" selected>--请选择日--</option>
                    <option value="1">31</option>
                    <option value="2">30</option>
                    <option value="3">29</option>
                </select>
                    </td>
                </tr>
                <tr>
                    <td>所在地区</td>
                    <td><input type="text" maxlength="50" placeholder="所在区域" name="area"></td>
                </tr>
                <tr>
                    <td>婚姻状况</td>
                    <td>
                        <input type="radio" name="hunyin" id="weihun" checked value="未婚">
                        <label for="weihun">未婚</label>
                        <input type="radio" name="hunyin" id="yihun" value="已婚">
                        <label for="yihun">已婚</label>
                        <input type="radio" name="hunyin" id="liyi" value="离异">
                        <label for="liyi">离异</label>
                    </td>
                </tr>
                <tr>
                    <td>学历</td>
                    <td>
                        <input type="text" placeholder="大专" name="xueli">
                    </td>
                </tr>
                <tr>
                    <td>喜欢的类型</td>
                    <td>
                        <input type="checkbox" name="like" id="wumei" value="妩媚的">
                        <label for="wumei">妩媚的</label>
                        <input type="checkbox" name="like" id="keai" value="可爱的">
                        <label for="keai">可爱的</label>
                        <input type="checkbox" name="like" id="douxihuan" value="都喜欢">
                        <label for="douxihuan">都喜欢</label>
                    </td>
                </tr>
                <tr>
                    <td><label for="ziwo">自我介绍</label></td>
                    <td>
                        <textarea cols="30" rows="5" placeholder="自我介绍" id="ziwo"></textarea>
                    </td>
                </tr>
                <tr>
                    <td rowspan="4"></td>
                    <td>
                        <input type="submit" value="免费注册">&nbsp;&nbsp;&nbsp;
                        <input type="reset" value="重 置">
                    </td>
                </tr>
                <tr>

                    <td>
                        <input type="checkbox" id="tongyi" name="xieyi" value="同意">
                        <label for="tongyi">我同意注册条款和会员加入标准</label>
                    </td>
                </tr>
                <tr>

                    <td>
                        <a href="#">我是会员，立即登录</a>
                    </td>
                </tr>
                <tr>

                    <td>
                        <h3>我承诺</h3>
                        <ul>

                            <li>年满18周岁、单身</li>
                            <li>抱着严肃的态度</li>
                            <li>真诚寻找另一半</li>
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</body>

</html>